import { FC } from "react";
import {
  QuestionTextareaPropsType,
  QuestionTextareaDefaultProps,
} from "./interface";
import { Input, Typography } from "antd";

const { Paragraph } = Typography;

const QuestionTextarea: FC<QuestionTextareaPropsType> = (props) => {
  const { title = "", placeholder = "" } = {
    ...QuestionTextareaDefaultProps,
    ...props,
  };

  return (
    <div>
      <Paragraph strong>{title}</Paragraph>
      <div>
        <Input.TextArea placeholder={placeholder} />
      </div>
    </div>
  );
};

export default QuestionTextarea;
